<template>
  <div v-if="item.status === 'presale' ">
    <div class="goodsrig">{{btnTxt}}</div>
  </div>
  
</template>

<script>
export default {
    props:['item'],

    computed:{
        btnTxt(){
            return this.item.status === 'presale' ? '8月10日10点开团' : ''
        }
    }
}
</script>

<style lang='stylus' scoped>
.goodsrig{
    border: .0625rem solid #fe4070;
    border-radius: 25px;
    text-align: center;
    box-sizing: border-box;
    color: #fff;
    font-size: 13px;
    color: #fe4070;
    border: .0625rem solid #fe4070;
    box-sizing :border-box
    padding: 6px 25px;
}


</style>